<script src="./vue.js"></script>
     <div id="app">
          <button @click="add">添加</button>
          <button @click="del">删除</button>
          <table border="1">
               <tr>
                    <td>编号</td>
                    <td>姓名</td>
                    <td>性别</td>
                    <td>年龄</td>

               </tr>
               <tr v-for="item in strList">
                    <td>{{item.cord}}</td>
                    <td>{{item.unmane}}</td>
                    <td>{{item.sex}}</td>
                    <td>{{item.age}}</td>
               </tr>
          </table>

     </div>
     <script>
          var vue=new Vue({
               el:'#app',
               data: {
                   strList:[]
               },
               methods:{
                    add(){
                         var str={
                              cord:"01",
                              uname:"张三",
                              sex:"男",
                              age:"23"
                         };
                         this.strList.push(str);
                    },
                    del(){
                         this.strList.pop();
                    }
               }
          });
     </script>
    